<template>
  <div class="jobItems">
    <h1>{{itemObj.title}}</h1>
    <p>{{itemObj.h2_txt}}</p>
    <ul class="areaUl">
        <li v-for="(n,inx) in itemObj.area" :key="inx">{{n}}</li>
    </ul>
    <label>{{itemObj.hr.hr_txt}}</label>
    <span>{{itemObj.salary}}</span>
  </div>
</template>
<script>
export default {
  name: 'job_Item',
  data () {
    return {
      msg: '具体的职位的列表xxx',
    }
  },
  props:["itemObj"]
}
</script>

<style scoped>
.jobItems{
    padding: .3rem 0;
    border-bottom: .1rem solid #eaeaea; 
    position: relative;
}
ul.areaUl{
    height: .3rem;
    margin: 0 0 .2rem .2rem;
}
ul.areaUl li{
    float: left; 
    margin-right: .1rem;
    background:#f2f3f5;
    padding:.02rem .07rem;
    color:#666;
    font-size: .1rem;
}
.jobItems h1{
    font-size: .25rem;
    font-weight: bold;
    margin:0 0 .1rem .2rem
}
.jobItems p{
    font-size:.2rem;
    color:#666;
    margin:0 0 .1rem .2rem
}
.jobItems label{
    font-size: .2rem;
    color:#666;
    margin: 0 0 .1rem .2rem
}
.jobItems span{
    font-size: .25rem;
    color:#14c1bb;
    position: absolute;
    top:.3rem;
    right:.3rem;
}
</style>
